<template>
    <div>
        <router-link to="/trade">
            <dl>
              <dt>
                  <img src="@/assets/home/live.jpg">
              </dt>
              <dd>
                  <h2>
                      好世界-WeWork开放工位
                  </h2>
                      
                      <span>200m<sup>2</sup>/豪华装修</span>
                  <div>
                          <span>2400.00元/工位/月</span>
                  </div>
              </dd>
          </dl>
        </router-link>
          <dl>
              <dt>
                  <img src="@/assets/home/live.jpg">
              </dt>
              <dd>
                  <h2>
                      好世界-WeWork开放工位
                  </h2>
                      
                      <span>200m<sup>2</sup>/豪华装修</span>
                  <div>
                          <span>2400.00元/工位/月</span>
                  </div>
              </dd>
          </dl>
          <dl>
              <dt>
                  <img src="@/assets/home/live.jpg">
              </dt>
              <dd>
                  <h2>
                      好世界-WeWork开放工位
                  </h2>
                      
                      <span>200m<sup>2</sup>/豪华装修</span>
                  <div>
                          <span>2400.00元/工位/月</span>
                  </div>
              </dd>
          </dl>
    </div>
</template>

<script>
export default {
    
}
</script>

<style scoped>
 dl{
        display: flex;
       flex-direction: row;
       padding: 10px 14px;
      
    }
    dl img {
        width: 1.08rem;
        height: 0.82rem;
    }
     dl h2{
        
         font-size: 0.15rem;
     }
     dl h3{
         font-size: 0.1rem;
         display: flex;
         flex-direction: column;
        
     }
    
     dl div{
         display: flex;
         align-items: flex-end;
     }
     dl div span{
         font-size: 0.1rem;
        color: red;
         font-size: 0.16rem;
        
        
     }
    
     dl dd{
         display: flex;
         flex-direction: column;
         justify-content: space-between;
        margin-left: 0.15rem;
        font-size: 0.12rem;
     }
</style>